{extend name="base:base" /}
{block name="seo"}
<!--/meta 作为公共模版分离出去-->
<title>权限列表 - {$app_name}</title>
{/block}
{block name="nav"}
<nav class="breadcrumb" style="background-color:#fff;padding: 0 24px">
    首页
    <span class="c-gray en">/</span>
    管理员
    <span class="c-gray en">/</span>
    用户权限
    <span class="c-gray en">/</span>
    用户权限列表
</nav>
{/block}
{block name="main"}
<div class="pos-a"
     style="width:150px;left:0;top:0; bottom:0; margin-top:60px;height:100%; border-right:1px solid #e5e5e5; background-color:#f5f5f5">
    <dl>
        <dt style="padding-left: 24px;line-height: 40px;background: #1890ff;color: rgba(255,255,255,1)">权限组过滤</dt>
        <dd>
            <ul id="ztree" class="ztree">
                {volist name="permissionGroup" id="item"}
                <li style="line-height: 40px;border-bottom: 1px solid #ddd;"><a href="/{$backendPrefix}/user/permission/group/{$item.id}.html" style="padding-left: 24px">{$item.name}</a></li>
                {/volist}
            </ul>
        </dd>
    </dl>
</div>
<div style="margin-left:150px">
    <div class="panel">
        <div class="panel-body">
            <div class="clearfix">
							<span class="f-l">

							</span>
                <span class="f-r">本次查询出：<strong>{$count}</strong> 条数据</span>
            </div>
            <div class="mt-20 clearfix">
                <table id="data-table-list"
                       class="table table-border table-bordered table-bg table-hover table-sort">
                    <thead>
                    <tr class="text-c">
                        <th width="15%">权限名称</th>
                        <th>权限路径</th>
                        <th>权限组</th>
                        <th width="20%">描述</th>
                        <th width="50">操作</th>
                        <th width="30%"></th>
                    </tr>
                    </thead>
                    <tbody class="getData-list" data-currPage='1'>
                    {notempty name="data"}
                    {volist name="data" id="vo"}
                    <tr class="text-l">
                        <!--<td class="text-c">{$vo.id}</td>-->
                        <td class="text-l">{$vo.name}</td>
                        <td>{$vo.handler}</td>
                        <td>{$vo.gid|getGroupName}</td>
                        <td>{$vo.description}</td>
                        <td class="f-14 td-manage">
                            <a style="text-decoration:none" class="ml-5 btn btn-primary"
                               onClick="category('编辑权限','/{$backendPrefix}/user/permission/edit/{$vo.id}.html')"
                               href="javascript:void (0);"
                               title="编辑权限"><i class="Hui-iconfont">&#xe6df;</i></a>
                        </td>
                        <td></td>
                    </tr>
                    {/volist}
                    {else /}
                    {/notempty}
                    </tbody>
                </table>
            </div>
            <div id="laypage" class="text-l">{$data|raw}</div>
        </div>
    </div>
</div>
{/block}
{block name="script"}
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="__LIB__/datatables/1.10.15/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="__LIB__/laypage/1.2/laypage.js"></script>
<script type="text/javascript" src="__ADMIN__/business/js/main.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#menu-level").add('#menu-manger').css("display", "block");
        $("#permission").addClass("current");
    })
</script>
{/block}